<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>盛科技</title>
		<link rel="shortcut icon" href="./favicon.ico" />
		<link href="css/headfoot.css" rel="stylesheet">
		<link href="../layui/css/layui.css" rel="stylesheet">
		<script src="../js/jquery.min.js" type="text/javascript"></script>
		<script src="../layui/layui.js" type="text/javascript"></script>;
		<style>
			.fist span {
				margin: 5px;
				font-size: 15px;
			}
			.liuyan td{
				padding: 8px;
			}
			.liuyan{
				background-color: #F9F9F9;
			}
			.layui-input{
				width: 80%;
				display: inline-block;
			}
		</style>
	</head>

	<body>
		<div class="header" id="header">

		</div>
		<div class="layui-row" style="width: 75%;height:500px;text-align: center;padding-top: 40px;margin: 70px auto;">
			<div class="layui-col-xs3">
				<ul class="leftLi">
					<li onclick="show(1,this)" class="classli"><span>联系我们</span></li>
					<li onclick="show(2,this)"><span>各地办事处</span></li>
					<li onclick="show(3,this)"><span>给我们留言</span></li>
				</ul>
			</div>
			<div class="layui-col-xs9">
				<div class="grid-demo" style="text-align: left;">
					<div class="div" id="div1">
						<h2 class="cenh2" style="text-align: center;margin-bottom: 15px;">关于我们</h2> 尊敬的用户：
						<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 您好！ </span> <br />

						<span> 感谢您对达盛的关心和支持！   </span> </span> <br />

						<strong>北京精仪达盛科技有限公司</strong> </span><br />

						<span> 地址：北京市海淀区长春桥路5号新起点嘉园2号楼1501室       邮编：100089 </span> <br />
						<span> 电话：010-58412590/82564899(总机)  </span><br />
						<span> 传真：010-58412590  </span><br />
						<span> 网址：http://www.techshine.com </span> <br />
						<span> E-mail：welcome@techshine.com </span> <br />

						<span> 周边公交情况: </span> <br />
						<span> 355 367 365 394 425 619 74 运通118 运通101 长春桥路站下 </span> <br />
						<span> 367 万柳东路南口站下  </span><br />
						<span> 公司位置如下图: </span> <br />
						<img src="img/commap.gif" width="511" height="386">
					</div>
					<div class="div" id="div2" style="display: none;">
						<h2 class="cenh2" style="text-align: center;margin-bottom: 15px;">办事处</h2>
						<table style="width: 100%;">
							<tr>
								<th>北京：</th>
								<th>电话</th>
								<th>邮箱</th>
							</tr>

							<tr>
								<td>
									北京：</td>
								<td>电话：010-58412590 18515450006</td>
								<td>邮箱：beijing@techshine.com</td>
							</tr>

							<tr>
								<td>开发板、芯片系列：</td>
								<td>电话：010-58412590 18515450006</td>
								<td>邮箱：banka@techshine.com</td>
							</tr>
							<tr>
								<td>河北办事处：</td>
								<td>电话：010-58412590 18515450006</td>
								<td>邮箱：hebei1@techshine.com</td>
							</tr>
							<tr>
								<td>上海办事处：</td>
								<td>电话：010-58412590 18910237923</td>
								<td>邮箱：shanghai@techshine.com</td>
							</tr>
							<tr>
								<td>天津办事处：</td>
								<td>电话： 18515450006</td>
								<td>邮箱：tianjin1@techshine.com</td>
							</tr>
							<tr>
								<td>沈阳办事处：</td>
								<td>电话： 18515450006</td>
								<td>邮箱：liaoning@techshine.com</td>
							</tr>
							<tr>
								<td>长春办事处：</td>
								<td>电话： 15948087521</td>
								<td>邮箱：jilin@techshine.com</td>
							</tr>
							<tr>
								<td>郑州办事处：</td>
								<td>电话： 18203606690</td>
								<td>邮箱：lis@techshine.com</td>
							</tr>
							<tr>
								<td>太原办事处：</td>
								<td>电话： 13835167284</td>
								<td>邮箱：shanxi@techshine.com</td>
							</tr>
							<tr>
								<td>西安办事处：</td>
								<td>电话：029-87803539 18691956399</td>
								<td>邮箱：xian@techshine.com</td>
							</tr>
							<tr>
								<td>兰州办事处：</td>
								<td>电话：029-87803539 18691956399</td>
								<td>邮箱：gansu@techshine.com</td>
							</tr>
							<tr>
								<td>湖南办事处：</td>
								<td>电话： 18692232979</td>
								<td>邮箱：hunan@techshine.com</td>
							</tr>
							<tr>
								<td>武汉办事处：</td>
								<td>电话： 18910237923</td>
								<td>邮箱：hubei@techshine.com</td>
							</tr>
							<tr>
								<td>南昌办事处：</td>
								<td>电话： 15390847334</td>
								<td>邮箱：nanchang@techshine.com</td>
							</tr>
							<tr>
								<td>杭州办事处：</td>
								<td>电话：010-58412590 18910237923</td>
								<td>邮箱：lis@techshine.com</td>
							</tr>
							<tr>
								<td>南京办事处：</td>
								<td>电话：010-58412590 18910237923</td>
								<td>邮箱：jiangsu@techshine.com</td>
							</tr>
							<tr>
								<td>安徽办事处：</td>
								<td>电话： 15665511144</td>
								<td>邮箱：anhui1@techshine.com</td>
							</tr>
							<tr>
								<td>济南办事处：</td>
								<td>电话： 18910237923</td>
								<td>邮箱：huabei3@techshine.com</td>
							</tr>
							<tr>
								<td>福建办事处：</td>
								<td>电话： 13806095139</td>
								<td>邮箱：lis@techshine.com</td>
							</tr>
							<tr>
								<td>成都办事处：</td>
								<td>电话： 18910237923</td>
								<td>邮箱：xinan@techshine.com</td>
							</tr>
							<tr>
								<td>广东办事处：</td>
								<td>电话： 13922838892</td>
								<td>邮箱：guangdong@techshine.com</td>
							</tr>
							<tr>
								<td>黑龙江办事外：</td>
								<td>电话： 15545967170</td>
								<td>邮箱：xunjm@techshine.com</td>
							</tr>
						</table>
					</div>
					<div class="div" id="div3" style="display: none;">
						<h2 class="cenh2" style="text-align: center;margin-bottom: 15px;">请您留言</h2>

						<table width="100%" border="0" cellspacing="1" cellpadding="4">
							<tbody class="liuyan">
								<!--<tr>
									<td><strong>请您留言：</strong></td>
									<td></td>
									
								</tr>
								<tr>
									<td height="15" colspan="2"></td>
								</tr>-->
								<tr>
									<td width="20%" align="right" bgcolor="#F9F9F9"><strong>您的姓名：</strong></td>
									<td width="80%" bgcolor="#F9F9F9"><input name="name" placeholder="1-20个字" type="text" id="name" size="15" maxlength="15"class="layui-input"> [必填]
									</td>
								</tr>

								<tr>
									<td align="right"><strong>单位名称：</strong></td>
									<td><input name="comm" type="text" id="comm" size="40" maxlength="100" placeholder="1-100个字"class="layui-input"></td>
								</tr>

								<tr>
									<td align="right"><strong>联系电话：</strong></td>
									<td><input name="phone" type="number" id="phone" size="15" maxlength="15" placeholder="电话号码"class="layui-input"></td>
								</tr>

								<tr bgcolor="#F9F9F9">
									<td align="right"><strong>电子邮件：</strong></td>
									<td><input name="email" type="text" id="email" size="15" maxlength="50" placeholder="1-50个字"class="layui-input"></td>
								</tr>

								<tr bgcolor="#F9F9F9">
									<td align="right"><strong>留言内容：</strong></td>
									<td><textarea name="cont" cols="45" rows="7" placeholder="1-300个字" id="cont"class="layui-input"></textarea> [必填]
									</td>
								</tr>
								<tr bgcolor="#F9F9F9">
									<td height="50" bgcolor="#F9F9F9" style="text-align: center;" colspan="2">
										<button type="button" onclick="submit()" class="layui-btn">提交</button>
										<button type="button" onclick="reset()" class="layui-btn">重 置</button>

										<!--<a href="lyshow.asp?mnid=5295">&gt;&gt;查看留言</a>-->
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="footer"></div>

			<script>
				$("#header").load("./head.html", function() {
					$("li").removeClass("headli")
					$("#menu6").addClass("headli")
				})
				function show(index, obj) {
					$(".div").hide()
					$("li").removeClass("classli")
					$(obj).addClass("classli")
					$("#div" + index).show()
				}
				$("#footer").load("./foot2.html")
				function submit(){
					var name=$("#name").val();
					if(name==null||name.length>20){
						layer.msg("姓名长度1-20字")
						return ;
					}
					var comm=$("#comm").val()
					if(comm!=null&&comm.length>100){
						layer.msg("单位名称长度1-100字")
						return ;
					}
					var phone=$("#phone").val()
					if(phone!=null&&phone.length>15){
						layer.msg("电话长度1-15字")
						return ;
					}
					var email=$("#email").val()
					if(email!=null&&email.length>50){
						layer.msg("邮箱长度1-50字")
						return ;
					}
					var cont=$("#cont").val()
					if(cont==null||cont.length>300){
						layer.msg("内容长度1-300字")
						return ;
					}
					$.ajax({
						type:"get",
						url: '/techshine/msg/insert',
						async:true,
						data:{
							name:name,
							comm:comm,
							phone:phone,
							email:email,
							cont:cont,
						},
						success:function(){
							
						}
					});
					layer.alert("已提交")
				}
				function reset(){
					$("#name").val("");
					$("#comm").val("")
					$("#phone").val("")
					$("#email").val("")
					$("#cont").val("")
				}
				
				var layer;
				layui.use('layer', function() {
					layer = layui.layer;
				})
			</script>
	</body>

</html>